﻿@charset "utf-8";

.fix:after{content:".";display:block;height:0;clear:both;visibility:hidden; font-size:0; line-height:0}
.fix{*zoom:1;}

.mflash {width:100%;overflow:hidden;position:relative;z-index:11;}
.swiper-container,.swiper-container2 {width:100%;border:none;}
.swiper-slide {text-align:center;height:auto;}
.swiper-slide img {width:100%;}
.pagination,.pagination2,.pagination3 {
  position: absolute;z-index:99;width:100%;
  right:0;
  text-align:center;
  bottom:15px;
}
.swiper-pagination-bullet {
  display: inline-block;
  width:13px;
  height:13px;
  margin:0 5px;background:rgba(255,255,255,.6);
  cursor: pointer;-moz-border-radius:100%;-webkit-border-radius:100%;border-radius:100%;
}
.swiper-pagination-bullet-active {background:rgba(255,255,255,1);}

.swiper-container1{width:90%;height:180px;margin:0 auto;overflow:hidden;}
.arrow-left {
background: url(../images/pre.png) no-repeat left top;background-size:100% auto;
position: absolute;z-index:99;
left:0px;top:50%;margin-top:-16px;
width:32px;height:32px;
}
.arrow-right {
background: url(../images/net.png) no-repeat left top;background-size:100% auto;
position: absolute;z-index:99;
right:0px;top:50%;margin-top:-16px;
width:32px;height:32px;
}
.arrow-left11 {
background: url(../images/pre.jpg) no-repeat left top;background-size:100% auto;
position: absolute;z-index:99;
left:50px;top:40%;margin-top:-20px;
width:24px;height:38px;
}
.arrow-right11 {
background: url(../images/net.jpg) no-repeat left top;background-size:100% auto;
position: absolute;z-index:99;
right:0px;top:40%;margin-top:-20px;
width:24px;height:38px;
}
.arrow-left22 {
background: url(../images/pre.png) no-repeat left top;background-size:100% auto;
position: absolute;z-index:99;
left:26%;top:50%;margin-top:-50px;
width:50px;height:100px;
}
.arrow-right22 {
background: url(../images/net.png) no-repeat left top;background-size:100% auto;
position: absolute;z-index:99;
right:26%;top:50%;margin-top:-50px;
width:50px;height:100px;
}
.pagination11,.pagination22{display:none;}
.swiper-container22{width:100%;}
.swiper-container22 .swiper-slide{position:relative;z-index:1;}
.swiper-container22 .swiper-slide tt{display:block;width:100%;height:100%;position:absolute;left:0;top:0;z-index:11;background:rgba(0,0,0,.5);}
.swiper-container22 .swiper-slide img {height:100%;}
.swiper-container22 .swiper-slide-visible img{}
.swiper-container22 .swiper-slide-active tt{display:none;}

.swiper-container33{width:80%;max-width:525px;height:740px;overflow:hidden;margin:0 auto;padding-bottom:30px;}
.swiper-container33 .swiper-slide img{width:100%;height:100%;}
.arrow-left33,.arrow-left44 {
background: url(../images/pre.png) no-repeat left top;background-size:100% auto;
position: absolute;z-index:99;
left:7%;top:50%;margin-top:-20px;
width:20px;height:40px;
}
.arrow-right33,.arrow-right44 {
background: url(../images/net.png) no-repeat left top;background-size:100% auto;
position: absolute;z-index:99;
right:7%;top:50%;margin-top:-20px;
width:20px;height:40px;
}
.hx-gbb .arrow-left44 {
background:url(../images/pre2.png) no-repeat left top;background-size:100% auto;left:3%;}
.hx-gbb .arrow-right44 {
background:url(../images/net2.png) no-repeat left top;background-size:100% auto;right:3%;}
.pagination33{width:100%;text-align:center;}
.pagination33 .swiper-pagination-bullet {background:#fff;}
.pagination33 .swiper-active-switch {background:#f31414;}
.swiper-container44{width:80%;max-width:1200px;/*height:770px;*/overflow:hidden;margin:0 auto;}
.swiper-container44 .swiper-slide{width:14.6%;/*height:49.7%*/;float:left;overflow:hidden;}
.swiper-container44 .swiper-slide a{margin:0 2%;display: block;position: relative;overflow: hidden;}
.swiper-container44 .swiper-slide a:first-child{margin-bottom: 20px;}
.swiper-container44 .swiper-slide img{width:100%;/*height:100%;*/transition:.5s;}
.swiper-container44 .swiper-slide:hover img{transform:scale(1.2);}
.pagination44,
.pagination55,
.pagination66,
.pagination88,
.pagination100{display:none;}

.swiper-container55{width:93%;height:325px;overflow:hidden;margin:0 auto;}
.swiper-container55 .swiper-slide{width:100%;height:100%;position:relative;z-index:1;text-align:left;overflow:hidden;}
.swiper-container55 .swiper-slide dt{width:50%;height:100%;position:absolute;right:0;top:0;z-index:11;overflow:hidden;}
.swiper-container55 .swiper-slide dt img{width:100%;min-height:100%;transition:.5s;}
.swiper-container55 .swiper-slide dt:hover img{transform:scale(1.2);}
.swiper-container55 .swiper-slide dd{width:46%;font-size:14px;color:#999;}
.swiper-container55 .swiper-slide dd h2{font-size:20px;font-weight:300;padding:15% 0 0 0;}
.swiper-container55 .swiper-slide dd h3{font-size:16px;font-weight:300;padding:10px 0;color:#000;}
.swiper-container55 .swiper-slide dd .more{display:inline-block;background:#f76b6b;font-size:14px;color:#fff;padding:5px 30px;margin-top:20px;}
.arrow-left55 {
background:#adadad url(../images/pre.png) no-repeat center center;background-size:50% auto;
position:absolute;z-index:99;
left:0%;top:50%;margin-top:-20px;
width:28px;height:40px;
}
.arrow-right55 {
background:#adadad url(../images/net.png) no-repeat center center;background-size:50% auto;
position: absolute;z-index:99;
right:0%;top:50%;margin-top:-20px;
width:28px;height:40px;
}
.swiper-container66{width:100%;height:250px;overflow:hidden;margin:0 auto;}
.swiper-container66 .swiper-slide{height:250px;position:relative;z-index:1;}
.swiper-container66 .swiper-slide span{display:inline-block;width:80px;height:80px;position:absolute;left:23%;bottom:10%;z-index:11;border-radius:100%;overflow:hidden;}
.swiper-container66 .swiper-slide span img{width:100%;height:100%;}
.swiper-container66 .swiper-slide-active span{width:230px;height:230px;left:-25%;bottom:12px;box-shadow:0 3px 7px 5px rgba(0, 0, 0,.2)}
.swiper-container66 .swiper-slide-active{z-index:11;}
.swiper-container77{width:100%;max-width:1200px;height:315px;overflow:hidden;margin:0 auto;padding-bottom:30px;}
.swiper-container77 .swiper-slide {
    float: left;
    position: relative;
    z-index: 1;
}

.swiper-container77 .swiper-slide .a_box{margin: 0 5px;}
.swiper-container77 .swiper-slide dl{
    margin-bottom: 20px
}

.swiper-container77 .swiper-slide dt{width:85px;height:85px;float:left;margin:0 2% 0 0;overflow:hidden;}
.swiper-container77 .swiper-slide dt img{width:100%;height:100%;transition:.5s;}
.swiper-container77 .swiper-slide dt:hover img{transform:scale(1.2);}
.swiper-container77 .swiper-slide dd {
    font-size: 14px;
    color: #999;
    text-align: left;
    padding-top: 5%;
    position: relative;
}
.swiper-container77 .swiper-slide dd a{font-size:14px;}
.swiper-container77 .swiper-slide dd span{font-size:14px;position:absolute;right:0;top:30%;z-index:11;}
.arrow-left77 {
    background:#f0f2f4 url(../images/pre2.png) no-repeat center center;background-size:30% auto;
    position:absolute;z-index:99;
    left:3%;top:50%;margin-top:-50px;
    width:70px;height:100px;
}
.arrow-right77 {
    background:#f0f2f4 url(../images/net2.png) no-repeat center center;background-size:30% auto;
    position: absolute;z-index:99;
    right:3%;top:50%;margin-top:-50px;
    width:70px;height:100px;
}

.pagination77{width:100%;text-align:center;}
.pagination77 .swiper-pagination-bullet {background:#dfdfdf;width:8px;height:8px;}
.pagination77 .swiper-active-switch {background:#676767;}
.swiper-container88{width:100%;height:120px;overflow:hidden;margin:0 auto;}
.swiper-container88 .swiper-slide{width:120px;height:120px;margin:0 .5%;overflow:hidden;position:relative;z-index:1;}
.swiper-container88 .swiper-slide tt{display:block;width:100%;height:100%;background:rgba(255,255,255,.5);position:absolute;left:0;top:0;z-index:11;}
.swiper-container88 .swiper-slide img{width:100%;min-height:100%;transition:.5s;}
.swiper-container88 .swiper-slide dt:hover img{transform:scale(1.2);}
.swiper-container88 .swiper-slide-active tt{background:rgba(0,0,0,.5);}
.arrow-left88 {
background:rgba(0,0,0,.7) url(../images/pre.png) no-repeat center center;background-size:30% auto;
position:absolute;z-index:99;left:0;top:0;
width:40px;height:100%;
}
.arrow-right88 {
background:rgba(0,0,0,.7) url(../images/net.png) no-repeat center center;background-size:30% auto;
position: absolute;z-index:99;right:0;top:0;
width:40px;height:100%;
}
.arrow-left99 {
background:rgba(0,0,0,.2) url(../images/pre.png) no-repeat center center;background-size:40% auto;
position:absolute;z-index:99;left:0;top:40%;
width:40px;height:20%;
}
.arrow-right99 {
background:rgba(0,0,0,.2) url(../images/net.png) no-repeat center center;background-size:40% auto;
position: absolute;z-index:99;right:0;top:40%;
width:40px;height:20%;
}
.swiper-container100,
.swiper-container101{
    width: 80%;
    max-width: 1200px;
    /*height: 630px;*/
    overflow: hidden;
    margin: 0 auto;
}
.swiper-container100 .swiper-slide {
    width: 12.4%;
    float: left;
    overflow: hidden;
    position: relative;
    z-index: 1;
    text-align: left;
}

.a_box{margin: 0 10px; }
.a_box:first-child{margin-bottom: 40px;}

.swiper-container100 .swiper-slide h2{width:100%;height:75%;overflow:hidden;margin-bottom:10px;}
.swiper-container100 .swiper-slide img{width:100%;min-height:100%;transition:.5s;}
.swiper-container100 .swiper-slide h2:hover img{transform:scale(1.2);}
.swiper-container100 .swiper-slide p{padding-top:5px;font-size:14px;color:#999;}
.swiper-container100 .swiper-slide p a{font-size:14px;color:#000;}
.swiper-container100 .swiper-slide p a:hover{color:#c00;}

.arrow-left100,
.arrow-left101 {
background:url(../images/pre2.png) no-repeat center center;background-size:50% auto;
position:absolute;z-index:99;left:3%;top:0;
width:40px;height:100%;
}
.arrow-right100,
.arrow-right101 {
background:url(../images/net2.png) no-repeat center center;background-size:50% auto;
position: absolute;z-index:99;right:3%;top:0;
width:40px;height:100%;
}
.arrow-left101{
  background:url(../images/pre.png) no-repeat center center;background-size:50% auto;
}
.arrow-right101 {
background:url(../images/net.png) no-repeat center center;background-size:50% auto;

}

/*******checkbox*******/
.lograd {display:none;}
.lograd + label{
	border:1px solid #ddd;background:#fff;margin-right:5px;
	width:15px;height:15px;
	border-radius:100%;
	position: relative;
	display:inline-block;
	vertical-align:top;cursor:pointer;
}
.lograd + label:active {
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), inset 0px 2px 5px 3px rgba(0, 0, 0, 0.1);
}
.lograd:checked + label {
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05), inset 15px 10px -12px rgba(255, 255, 255, 0.1);
	color: #243441;
}
.lograd:checked + label:after {
	content: '';background:#d72549;
    position: absolute;top:20%;left:20%;
	color: #fff;
	width: 60%;height:60%;border-radius:100%;
	text-align: center;
	vertical-align: text-top;
}
.lograd + label {
	border-radius:100%;
}



@media (max-width:1300px) {
.swiper-container77{width:80%;}
.arrow-left77 {left:0%;width:30px;height:50px;margin-top:-25px;}
.arrow-right77 {right:0%;width:30px;height:50px;margin-top:-25px;}
}
@media (max-width:1200px) {
/*.swiper-container44{height:670px;}*/
.swiper-container100 .swiper-slide{width:13.4%;}
}
@media (max-width:1100px) {
.arrow-left11 {left:0px;top:50%;}
.arrow-right11 {top:50%;}
/*.swiper-container55{height:250px;}*/
.swiper-container100 .swiper-slide{width:14%;}
}
@media (max-width:950px) {
.swiper-container1 .swiper-slide{width:25%;}
.swiper-container1 .swiper-slide-visible{width:15%;}
.swiper-container1 .swiper-slide-active{width:21.6%;}
/*.swiper-container44{height:500px;}*/
.swiper-container100 .swiper-slide{width:15%;}

}
@media (max-width:850px) {
.arrow-left22 {left:20%;top:60%;width:30px;height:60px;}
.arrow-right22 {right:20%;top:60%;width:30px;height:60px;}
.arrow-left33,.arrow-left44 {left:1%;}
.arrow-right33,.arrow-right44 {right:1%;}
/*.swiper-container44{height:450px;}
.swiper-container55{height:200px;}*/
.swiper-container55 .swiper-slide dd h2{padding:0;font-size:16px;}
.swiper-container55 .swiper-slide dd h3{padding:5px 0;font-size:12px;}
.swiper-container100 .swiper-slide{width:15.5%;/*height:300px;*/}
}
@media (max-width:750px) {
.swiper-container1 .swiper-slide{width:30%;}
.swiper-container1 .swiper-slide-visible{width:15%;}
.swiper-container1 .swiper-slide-active{width:21.6%;}
/*.swiper-container44{height:400px;}
.swiper-container55{height:200px;}*/
.swiper-container77 .swiper-slide{width:17.5%;}
/*.swiper-container100{height:500px;}*/
.swiper-container100 .swiper-slide{width:15%;/*height:250px;*/}

}
@media (max-width:650px) {
.swiper-container1{height:100px;}
.swiper-container1 .swiper-slide{width:30%;margin:0;height:100px;}
.swiper-container1 .swiper-slide-visible{width:15%;}
.swiper-container1 .swiper-slide-active{width:22%;margin:0 10px;}
.swiper-container1 .swiper-slide img {margin:10px 0;height:70px;}
.swiper-container33{width:85%;height:600px;}
.swiper-container100{height:400px;}
.swiper-container100 .swiper-slide{width:15%;/*height:200px;*/}
.swiper-container100 .swiper-slide h2{height:65%;}

}
@media (max-width:550px) {
.arrow-left22 {left:20%;top:60%;width:20px;height:50px;margin-top:-20px;}
.arrow-right22 {right:20%;top:60%;width:20px;height:50px;margin-top:-20px;}
.arrow-left11 {top:60%;}
.arrow-right11 {top:60%;}
/*.swiper-container44{height:350px;}
.swiper-container33{height:550px;}*/
.swiper-container55{width:100%;/*height:430px;*/}
.swiper-container55 .swiper-slide dt{width:auto;height:auto;padding:0 5%;position:relative;}
.swiper-container55 .swiper-slide dd{width:auto;padding:20px 5%;}
/*.swiper-container66{height:170px;}*/
.swiper-container66 .swiper-slide{height:170px;}
.swiper-container66 .swiper-slide span{width:45px;height:45px;}
.swiper-container66 .swiper-slide-active span{width:150px;height:150px;}
/*.swiper-container77 {height:285px;}*/
.swiper-container77 .swiper-slide{width:19.5%;height:85px;margin:0 0 20px 0;}
/*.swiper-container100{height:360px;}*/
.swiper-container100 .swiper-slide{width:15%;/*height:180px;*/}
}
@media (max-width:450px) {
/*.swiper-container44{height:400px;}*/
.swiper-container44 .swiper-slide{width:18.6%;/*height:49.7%*/;float:left;margin:0 .5% 12px .5%;}
/*.swiper-container33{height:500px;}
.swiper-container55{height:400px;}
.swiper-container77 {height:385px;}*/
.swiper-container77 .swiper-slide{width:23.5%;}
.swiper-container77 .swiper-slide dd span{right:5%;top:20%;}
.swiper-container100{height:350px;}
.swiper-container100 .swiper-slide{width:15%;/*height:170px*/;}
.swiper-container100 .swiper-slide p{font-size:12px;padding:0;}
.swiper-container100 .swiper-slide p a{font-size:12px;}
.swiper-container100 .swiper-slide h2{height:55%;}
.arrow-left100 {left:0%;}
.arrow-right100 {right:0%;}
}
@media (max-width:380px) {
/*.swiper-container44{height:350px;}*/
.swiper-container33{width:80%;/*height:400px;*/}
.swiper-container77 .swiper-slide{width:25%;}
/*.swiper-container100 .swiper-slide h2{height:45%;}*/

}
@media (max-width:350px) {
/*.swiper-container44{height:300px;}
.swiper-container33{height:350px;}
.swiper-container55{height:360px;}*/

}

